<template>
  <footer class="py-24">
    <div class="container">
      <div class="flex flex-col md:flex-row justify-between">
        <div class="w-full md:w-auto mb-20 md:mb-0">
          <div class="text-xl font-bold">Frappe</div>
          <div class="mt-3 text-gray-700 text-sm">
            <p>
              D/324 Neelkanth Business Park,<br />
              Vidyavihar West,<br />
              Mumbai, Maharashtra - 400086, India
            </p>
            <p class="mt-5">
              <a href="tel:++91 22 4897 0555">
                +91 22 4897 0555
              </a>
            </p>
            <p class="mt-3">
              <a href="mailto:hello@frappe.io">
                hello@frappe.io
              </a>
            </p>
          </div>
        </div>
        <div class="w-full md:w-1/3 flex mb-20 md:mb-0">
          <div class="w-1/2">
            <div class="font-semibold">Social</div>
            <ul class="text-gray-700 mt-5">
              <li class="mt-4">
                <a href="https://frappe.io/blog">Blog</a>
              </li>
              <li class="mt-4">
                <a href="https://discuss.frappebooks.com">Forum</a>
              </li>
            </ul>
          </div>
          <div class="w-1/2">
            <div class="font-semibold">Company</div>
            <ul class="text-gray-700 mt-5">
              <li class="mt-4"><a href="https://erpnext.com">ERPNext</a></li>
              <li class="mt-4"><a href="https://frappe.io/about">Team</a></li>
              <li class="mt-4">
                <a href="https://frappe.io/careers">Careers</a>
              </li>
              <li class="mt-4">
                <a href="https://frappe.io/about#contact">Contact</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="w-full md:w-auto">
          <div class="text-sm text-gray-700">Find us on:</div>
          <ul class="flex mt-4">
            <li class="">
              <a href="https://www.facebook.com/ERPNext/">
                <img class="h-5" src="../assets/facebook.svg" />
              </a>
            </li>
            <li class="ml-6">
              <a href="https://twitter.com/erpnext">
                <img class="h-5" src="../assets/twitter.svg" />
              </a>
            </li>
            <li class="ml-6">
              <a href="https://medium.com/frapp%C3%A9-thoughts">
                <img class="h-5" src="../assets/medium.svg" />
              </a>
            </li>
            <li class="ml-6">
              <a href="https://github.com/frappe">
                <img class="h-5" src="../assets/github.svg" />
              </a>
            </li>
          </ul>
          <div class="mt-5 text-gray-700 text-sm">
            <p>
              © Frappe Technologies Pvt. Ltd.<br />
              Content licensed under CC-BY-SA 3.0.
            </p>
            <p>
              <a href="https://erpnext.com/terms">
                Read the terms of use.
              </a>
            </p>
          </div>
        </div>
      </div>
    </div>
  </footer>
</template>
